<template>
  <div>
    <h2>{{title}}</h2>
    <h2>{{news}}</h2>
    <ul>
      <li v-for="item in movies" :key="item">
        {{item}}</li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
  ///* 数组形式 */
  // props: ['aaa', 'bbb']
  /* 对象形式 */
  props: {
    title: {
      type: String,     //数据类型
      default: '运动会'  //默认值
    },
    news: {
      type: String,
      default: '11月运动会'
    },
    movies: {
      type: Array,
      default() {
        return []
      }
    }
  }
}
</script>

<style scoped>

</style>